<template>
	<div class="myMoneyForm" :style="{height: carryHeight + 'px'}">
		<div class="form">
			<div class="tit">我的余额：<em>XXX.XX</em></div>
			<div class="form-item">
				<label class="lab"><img src="../assets/img/jinbishuliangchar.png" class="jinbishuliang"></label>
				<input type="text" name="" placeholder="请输入您的金币数量">
			</div>
			
			<div class="form-item">
				<button class="subBtn"></button>
			</div>
		</div>
		<div class="wordInfo">
			兑换时间早上8:00~晚上12:00；由于微信近期出现各种漏洞，用户每天限制兑换，限制用户兑换金币最低为2金币，兑换长时间未到账的用户，请检查是否已经实名，如果已经实名，平台会间隔2个小时，会再次推送。
		</div>
		<bottom-nav></bottom-nav>
	</div>
</template>

<script>
	import bottomNav from './bottomNav'
	export default {
		name: 'carry',
		data () {
			return {
				carryHeight: 0
			}
		},
		components: {bottomNav},
		mounted () {
			
		},
		created() {
			this.init();
		},
		methods: {
			init () {
				this.carryHeight = (document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10);			
			},
			openDialog() {
				MessageBox({
					message: '<p>拆红包</p>',
					title: '',
					dialogClass: 'carry1Dialog',
					showCancelButton: true,
					confirmButtonText: '',
					cancelButtonText: ''
				});
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.myMoneyForm{padding: 2.2rem 2.1rem;background: url(../assets/img/myMoneyBg.png) center 0 #f9ecdb no-repeat;background-size: 100% auto;width: 100%;box-sizing: border-box;}
.myMoneyForm .form{margin: 0 auto;padding: 2.3rem 1rem;width: 32.9rem;height: 36rem;border: 4px solid #fbcd91;border-radius: 12px;background: #fff;box-sizing: border-box;}
.form .tit{text-align: center;font-size: 1.8rem;line-height: 5;}
.form .tit em{color: #ef2727;}
.form-item{padding: 1rem 0;width: 100%;height: 5.2rem;box-sizing: border-box;}
.form-item .lab{display: inline-block;width: 7.5rem;text-align: right;}
.form-item .lab img{vertical-align: middle;}
.form-item .lab .jinbishuliang{width: 7.8rem;height: 1.7rem;}
.form-item input[type="text"]{padding-left: .5rem;width: 20.5rem;height: 3.2rem;line-height: 3.3rem;border: 1px solid #fbd6a6;border-radius: 8px;}
.radioIpt{outline: none;-webkit-appearance: none;border: none;background: none;width: 2rem;height: 2rem;}
.radioIpt:after{content: "";display: inline-block;background: url(../assets/img/formRadio.png) center no-repeat;background-size: 2rem;width: 2rem;height: 2rem;}
.radioIpt:checked:after{content: "";background: url(../assets/img/formRadioChecked.png) center no-repeat;background-size: 2rem;}
.form-item .icon{width: 2.8rem;height: 2.8rem;}
.form-item .subBtn{display: block;margin: 0 auto;margin-top: 5rem;border: none;background: url(../assets/img/subBtn1.png) center no-repeat;background-size: 16.65rem auto;width: 16.65rem;height: 3.45rem;}
.form-item p{color: #ef2238;font-size: 1.3rem;text-align: center;line-height: 3.5;}

.wordInfo{padding-top: 1rem;font-size: 1.3rem;color: #ef2238;line-height: 2.5;}
</style>
